<div class="mai containFt" v-if="show">
	
    <div class="commission pad2">
        
        <div class="form flexForm">
            <div class="row">
             <div class="col">
                <input class="ipt bord-rad" type="text"  id="username" v-model="form.username" name="username" placeholder="账户名称" style="width: 45%;"/>
                <select class="ipt bord-rad" v-model="form.level" style="width: 30%;font-size: 1.2rem;">
                	<option value="1">直接客户</option>
                	<option value="2">间接客户</option>
                </select>
                <input type="button" class="btn bord-rad" @click="doQuery()" value="查询" style="width: 20%;vertical-align:middle">
             </div>
        	</div>
            <div class="row time-input-ct" id="timeCt">
                <input name="startdate" type="date" id="startdate" v-model="form.startTime"/>
                <span>至</span>
                <input name="enddate" type="date"  id="enddate" v-model="form.endTime"/>
            </div>
            
            <div class="total clearfix">
                <div class="num"><p>总记录</p><p id="sumCount">{{sumCount}}</p></div>
                <div class="commission"><p>总手续</p><p id="sumCharge">{{sumCharge|priceFormat(2)}}</p></div>
                <div class="divide"><p>总分成</p><p id="sumShareCharge">{{sumShareCharge|priceFormat(2)}}</p></div>
            </div>
        </div>
        <div class="list">
            <div class="t_title tc"><span>账户名称</span><span>手续费</span><span>分成</span></div>
            <ul id="detail-box" class="total-list">
            <li  class="row b-line tc" v-for="row in rows"><div class="col">{{row.username}}</div><div class="col">{{row.charge|priceFormat(2)}}</div><div class="col">{{row.sharecharge|priceFormat(2)}}</div></li>
            </ul>
        </div>
        <input class="long-btn" type="button" value="查看更多" @click="doQuery(1)" v-show="showMore" />
    </div>
    <div class="loadingCt" v-show="loading"></div>
</div><!-- main -->